
const HtmlWebpackPlugin = require("html-webpack-plugin")
const path = require("path")

module.exports = {
    // development 开发模式打包  内存打包  开发项目过程中用内存打包
    // production  生成模式打包  硬盘打包   项目上线肯定是硬盘打包
    mode: "development", 
    
    // 入口
    entry: path.resolve(__dirname,"src/main.js"),
    // 出口
    //出口必须指定绝对路径
    output: {
      path: path.resolve(__dirname,"dist"), //dist 为文件夹名

      // [name]格式字符串，之前什么名字现在什么名字
      // [chunkhash:8] 哈希值的加入可以解决缓存问题
      filename: "[name].[chunkhash:8].js", //[name].[chunkhash:8].js 为dist文件夹下的文件,
    },
    devServer: {
        port: 8080,
    },
    //配置插件用来增强webpack功能
    plugins:[
        new HtmlWebpackPlugin({
            template:"./public/index.html"
        })
    ]

}